<!DOCTYPE html>
<html lang="en">

  <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
 <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Custom CSS -->
    <link href="css/shop-homepage.css" rel="stylesheet">
	
	<link href="css/botones.css" rel="stylesheet">
<?php
	require_once("administrative/clases/funciones.php");
	$plantilla = new Funciones;
	echo $plantilla->headerPagina('CEMA - PRODUCTOS',3); 
	?>
	<script>
window.onload = datos(0);
function datos(activo)
{
datos1(activo);
categoria2(activo);
}
	function datos1(activo)
	{
	 
var fd = new FormData();
fd.append("tipo", "37");
fd.append("selected", activo);
	$.ajax({
url: "administrative/clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#cat").html(data);

},
error: function(){} 	        
});
	
	
	}
	
		function categoria2(idCategoria) {
				var fd = new FormData();
fd.append("tipo", "38");
fd.append("catego",idCategoria);
	$.ajax({
url: "administrative/clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#prod").html(data);

},
error: function(){} 	        
});
				
				
				
			}
</script>
 
  
	
	
<div class="container">

        <!-- Marketing Icons Section -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    Productos
						<small>CEMA</small>
                </h1>
				<ol class="breadcrumb">
                    <li><a href="index.php">Inicio</a>
                    </li>
					<li class="active">productos</li>
                </ol>
				  <div class="col-md-3">
                <p class="lead">Categorias</p>
				<div id="cat">
                </div>
            </div>
			   <div class="col-md-9">

          <div id="prod">
                </div>

              

                   

                 

                   

                    

                  
                    

                </div>

            </div>
				
				</div>
        </div>
		
		
		<?php
	echo $plantilla->footerPagina();
	?>

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
	function categoria(idCategoria) {
				var fd = new FormData();
fd.append("tipo", "38");
fd.append("catego",idCategoria);
	$.ajax({
url: "administrative/clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#prod").html(data);
datos1(idCategoria);
},
error: function(){} 	        
});
				
				
				
			}
	
	</script>
	
	</body>

</html>